/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        'finance-blue': {
          50: '#f0f5ff',
          100: '#e5edff',
          200: '#cddbfe',
          300: '#b4c6fc',
          400: '#8da2fb',
          500: '#6b7ef7',
          600: '#4b5bed',
          700: '#3a45db',
          800: '#2d36b3',
          900: '#252c8f',
        },
        'finance-red': {
          500: '#F5222D',
          600: '#cf1322',
        },
        'finance-green': {
          500: '#52c41a',
          600: '#389e0d',
        },
        'chart-grid': '#1e293b',
        'card-dark': '#0f172a',
        'card-light': '#1e293b',
      }
    },
  },
  plugins: [],
}

